<template>
    <div class="col-md-4 col-sm-4 col-lg-3">
                    <div class="single-Blog">
                      <div class="single-blog-left"> </div>
                      <div class="single-blog-right">
                        <div class="blog-img">
                          <figure class="blog-figure col-lg-12">
                           <a>
                               <slot name="a"></slot>
                               <!-- <img src="images/usageScenarios1.jpg" alt="img"> -->
                               </a>
                            <span class="image-effect"></span>
                          </figure>
                        </div>
                        <div class="blog-author"> </div>
                        <div class="blog-content">
                          <h2 class="col-lg-11" style="text-align: center" >
                              <slot name="b"></slot>
                          </h2>
                          <div class="readmore_area"> </div>
                        </div>
                      </div>
                    </div>
                  </div>
</template>
